<template>
	<view class="page-btm-line">
		<text class="btm-line-title">{{title}}</text>
	</view>
</template>
<script>
	export default {
		name:'pageBtmLine',
		props:{
			title:{
				type: String,
				default: '已经到底了哦'
			}
		},
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	@import "../common/common.scss";
	.page-btm-line{
		 position: relative;
		  padding: 45upx 0;
		  height: 1em;
		  line-height: 1em;
		  text-align: center;
		  font-size: 24upx;
		  color: #999;
	}
	.page-btm-line:after{
		content: "";
		position: absolute;
		z-index: 1;
		pointer-events: none;
		background-color: #ccc;
		height: 1upx;
		left: 50upx;
		right: 50upx;
		top: 50%;
	}
	.btm-line-title{
		 z-index: 2;
		position: relative;
		padding: 0 15upx;
		background-color: #f8f8f8;
	}
	.btm-line-title:before{
	  content: "";
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -2upx;
      width: 4upx;
      height: 4upx;
      background-color: #ccc;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	}
	.btm-line-title:after{
		content: "";
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2upx;
      width: 4upx;
      height: 4upx;
      background-color: #ccc;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
	}

</style>
